<template>
  <div class="legend-row">
    <div class="row"><span>淹没深度:</span></div>
    <div class="row" title="村庄"><div class="circle" style="background: #E22222" /><span>大于2米</span></div>
    <div class="row" title="村庄"><div class="circle" style="background: #FF8D0C" /><span>1-2米</span></div>
    <div class="row" title="村庄"><div class="circle" style="background: #F0C90B" /><span>0.5-1米</span></div>
    <div class="row" title="村庄"><div class="circle" style="background: #00B2FF" /><span>小于0.5米</span></div>
  </div>
</template>

<style scoped lang="less">
  @import "./legend";
</style>
